page {
  background: #f0f0f2;
  font-family: PingFangSC-Regular;
}
#successBox {
  width: 100%;
  overflow: auto;
}
#successBox .block {
  width: 100%;
  height: 16rpx;
  background: #F2F6FC;
}
#successBox .des {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 0 20rpx 0;
}
#successBox .des .des-item {
  display: flex;
  align-items: center;
  width: 25%;
  padding-left: 10rpx;
}
#successBox .des .des-item text {
  font-size: 26rpx;
  height: 54rpx;
  line-height: 54rpx;
  margin-left: 4rpx;
}
#successBox .group-box {
  width: 90%;
  margin: 30rpx auto;
  height: 440rpx;
  border-radius: 23px;
  background-color: #E0E9F2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#successBox .group-box text {
  display: inline-block;
}
#successBox .group-box .title {
  min-width: 400rpx;
  font-size: 36rpx;
  padding: 20rpx 0 10rpx 0;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
#successBox .group-box .joinAmount {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx;
}
#successBox .group-box .residue {
  font-size: 36rpx;
  display: flex;
  line-height: 100rpx;
}
#successBox .group-box .residue .residueNum,
#successBox .group-box .residue .residueTime {
  font-size: 30rpx;
  color: #F5A623;
  padding: 0 10rpx 0 10rpx;
}
#successBox .group-box .group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#successBox .group-box .group .group-boss {
  display: flex;
  flex-direction: column;
  align-items: left;
  width: 200rpx;
  position: relative;
}
#successBox .group-box .group .group-boss image {
  width: 80rpx;
  height: 80rpx;
  border: 1px solid;
  border-radius: 50%;
}
#successBox .group-box .group .group-boss text {
  font-size: 22rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 87rpx;
  max-width: 200rpx;
  text-align: center;
}
#successBox .group-box .group .group-boss .bossName {
  display: block;
  text-align: center;
  color: white;
  position: absolute;
  width: 100rpx;
  background: #D7A24C;
  border-radius: 12px;
  right: 24rpx;
  top: 0;
}
#successBox .group-box .group .group-item {
  width: 75rpx;
  height: 75rpx;
  border-radius: 50%;
  border: 1px solid;
  margin-left: 10rpx;
}
#successBox .group-box .invite {
  width: 460rpx;
  height: 52rpx;
  border-radius: 18rpx;
  background: -webkit-linear-gradient(left, #74CDF8, #409EEF);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #74CDF8, #409EEF);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #74CDF8, #409EEF);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #74CDF8, #409EEF);
  /* 标准的语法 */
  line-height: 52rpx;
  color: #ffffff;
  font-size: 30rpx;
  text-align: center;
  margin-top: 40rpx;
}
#successBox .success-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 90%;
  margin: 30rpx auto;
  height: 440rpx;
  border-radius: 0px;
  background-color: #f0f0f2;
}
#successBox .success-box text {
  color: #e6a23c;
  font-size: 40rpx;
  text-align: left;
  font-family: PingFangSC-Regular;
  margin-top: 20rpx;
}
#successBox .success-box label {
  color: #000000;
  font-size: 30rpx;
  text-align: left;
  font-family: PingFangSC-Regular;
  margin-top: 14rpx;
}
#successBox .success-box .winPerson {
  color: #e6a23c;
  margin-top: 30rpx;
}
#successBox .success-box .lottery {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 488rpx;
  height: 100rpx;
  background: #46A4F0;
  border-radius: 24rpx;
  line-height: 24rpx;
  margin-top: 30rpx;
}
#successBox .success-box .lottery text {
  font-size: 30rpx;
  color: white;
}
#successBox .groupExplain {
  width: 100%;
}
#successBox .groupExplain view,
#successBox .groupExplain text {
  padding: 20rpx;
  font-size: 36rpx;
  border-bottom: 1px solid #979797;
}
#successBox .groupExplain text {
  display: block;
  font-size: 28rpx;
  border: none;
}
#successBox .hot-box {
  background: #f8f8f8;
  padding-bottom: 20rpx;
}
#successBox .hot-box .question-title {
  width: 100%;
  margin-top: 40rpx;
  font-size: 40rpx;
  text-align: center;
}
#successBox .hot-box .hot-item-box {
  width: 85%;
  margin: 20rpx auto;
}
#successBox .hot-box .hot-item {
  position: relative;
  float: left;
  background: white;
  width: 45%;
  height: 380rpx;
  margin-left: 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20rpx;
  padding-bottom: 20rpx;
}
#successBox .hot-box .hot-item .tip {
  position: absolute;
  left: 0;
  top: 0;
  background: #B8E986;
  color: #ffffff;
  font-size: 24rpx;
  text-align: center;
  font-family: PingFangSC-Regular;
  text-align: left;
  padding: 0 8rpx 0 8rpx;
}
#successBox .hot-box .hot-item image {
  width: 90%;
  height: 216rpx;
  margin-top: 36rpx;
}
#successBox .hot-box .hot-item text {
  color: #000000;
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  margin-top: 10rpx;
  text-align: center;
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#successBox .hot-box .hot-item .user {
  margin-top: 4rpx;
  width: 95%;
}
#successBox .hot-box .hot-item .user .avatar {
  width: 72rpx;
  height: 50rpx;
  margin-top: 0;
  float: left;
}
#successBox .hot-box .hot-item .user text {
  margin-left: 5rpx;
  color: rgba(16, 16, 16, 0.47220335);
  font-size: 11px;
  text-align: left;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  display: inline-block;
  float: left;
}
#successBox .hot-box .hot-item .price-box {
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10rpx;
}
#successBox .hot-box .hot-item .price-box text {
  width: 200rpx;
  color: #000000;
  font-size: 30rpx;
  text-align: left;
  font-family: PingFangSC-Regular;
  padding: 0;
  margin: 0;
}
#successBox .hot-box .hot-item .price-box .team {
  width: 110rpx;
  height: 28rpx;
  border-radius: 14rpx;
  background-color: #e6a23c;
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-size: 20rpx;
  text-align: center;
  font-family: PingFangSC-Regular;
}
#successBox .hot-box .hot-item:nth-child(odd) {
  margin-left: 0;
}
#successBox .hot-box .clear {
  clear: both;
}
